<template>
  <div class="order_manage">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="商品订单" name="first">
        <goodsOrder @refresh="" />
      </el-tab-pane>
      <el-tab-pane label="券类订单" name="second">
        <couponsOrder @refresh="" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import goodsOrder from './components/goodsOrder.vue'
  import couponsOrder from './components/couponsOrder.vue'

  export default {
    components: { goodsOrder, couponsOrder },
    data() {
      return {
        activeName: 'first'
      }
    },

    mounted() {

    },

    methods: {
      handleClick(){

      }
    }
  }
</script>

<style scoped>
  .order_manage {
    padding: 10px;
  }


</style>
